<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid" style="margin-top: 10px;">
    <div class="row" >
        <div class="col-sm-6 col-md-4 col-xs-12 col-lg-3" th:each="image:${images}">
            <!--bs中组件-----》缩略图-->
            <div class="thumbnail">

                <img th:src="|@{/}${image.image_url}|" alt="..." style="width: 255px;height: 200px">

                <div class="caption">
                    <h4 th:text="${image.image_name}"></h4>
                    <p>
                        <a class="btn btn-danger btn-sm" href="#">查看</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<script type="text/javascript" th:src="@{/asserts/js/jquery-1.12.3.min.js}"></script>-->
<!--<script type="text/javascript" th:src="@{/asserts/js/bootstrap.min.js}"></script>-->
</body>

</body>
</html>